@import "common";
.container{
  max-width: 100%;
  height:100%;
  position: fixed;
  top:0;
  left:0;
  right:0;
  bottom: 0;
  z-index: 998;
  background-color: #fff;
  overflow-y: auto;
}
.header{
  margin: 60px 0;
}
.logo_omi{
  width:160px;
}
.btn-box,.modal-header,.modal-body,.header,.hint-block{
  text-align: center;
}
.reg,.login{
  margin-bottom: 20px;
}
.btn{
  background-color: #c0392b;
  color: #fff;
  width:120px;
  height:40px;
  border-radius: 4px;
}
.hint-block{
  max-width: 96%;
  margin: 0 auto;
}
.modal-header{
  margin:20px 0 10px 0;
}
.logo_modal{
  width:50px;
}
.form-bind{
  .form-control{
    padding: 0 5px;
    border:1px solid #ced3d8;
    border-top: none;
  }
}
.slogan{
  font-style: italic;
  color: #c0392b;
}
.form-group{
  margin-bottom: 10px;
}
.form-control,.bind-btn,.register-btn,.note{
  width:96%;
  height:40px;
  border-radius: 4px;
}
.bind-btn,.register-btn{
  color: #fff;
  background-color: #c0392b;
  text-align: center;
}
.form-reg{
  .form-control,.note{
    height:30px;
    border:1px solid transparent;
    border-bottom-color: #ced3d8;
  }
  .b-type{
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background: url("../img/Down.png") no-repeat scroll 98% center transparent;
    background-size: 12px 6px;
  }
}

.help-block{
  display: none;
  width:96%;
  text-align: left;
  color: #c0392b;
  margin: 0 auto;
}
.block{
  display: block;
}
.no-scroll{
  height: 100%;
  overflow: hidden;
}
@media screen and (min-width: 320px) and (max-width: 374px){
  .modal-body{
    max-height: 360px;
  }
}
